<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8" />
	<title>Document</title>
	<link rel="stylesheet" href="css/shouye.css" />
	<link rel="stylesheet" href="swiper.css" />
	<script src="flexible.debug.js"></script>
	<script src="flexible_css.debug.js"></script>
</head>
<body>
	<header>
		<ul>
			<li></li>
			<li>走秀首页</li>
			<li></li>
		</ul>
	</header>
	<div class="swiper-container imgs">
        <div class="swiper-wrapper">
            <div class="swiper-slide" >
                 <img src="img/banner1.png"/>
            </div>
            <div class="swiper-slide">
                <img src="img/banner1.png" />
            </div>
            <div class="swiper-slide">
                <img src="img/banner1.png" />
            </div>
        </div>
    </div>
    <div class="biaoqian">
        <h2>热门标签</h2>
    </div>
    <div class="content">
        <ul>
        	<li>
        		<span class="left"><img src="img/li1.png" /></span>
        		<span class="center">
        			<h2>芬迪</h2>
        			<p>芬迪新品上线</p>
        		</span>
        		<span class="right">
        			<h3>1.8折</h3>
        			<img src="img/youjian.png"  />
        		</span>
        	</li>
        	<li>
        		<span class="left"><img src="img/li2.png" /></span>
        		<span class="center">
        			<h2>D2C</h2>
        			<p>D2C新品上线</p>
        		</span>
        		<span class="right">
        			<h3>1.8折</h3>
        			<img src="img/youjian.png"  />
        		</span>
        	</li>
        	<li>
        		<span class="left"><img src="img/li3.png" /></span>
        		<span class="center">
        			<h2>博柏利</h2>
        			<p>博柏利新品上线</p>
        		</span>
        		<span class="right">
        			<h3>1.8折</h3>
        			<img src="img/youjian.png"  />
        		</span>
        	</li>
        </ul>
    </div>
    <div class="biaoqian">
        <h2>热门品牌</h2>
    </div>
    <div class="content">
        <ul>
        	<li>
        		<span class="left"><img src="img/li3.png" /></span>
        		<span class="center">
        			<h2>博柏利</h2>
        			<p>博柏利新品上线</p>
        		</span>
        		<span class="right">
        			<h3>1.8折</h3>
        			<img src="img/youjian.png"  />
        		</span>
        	</li>
        	<li>
        		<span class="left"></span>
        		<span class="center">
        			<button>更多品牌>></button>
        		</span>
        		<span class="right"></span>
        	</li>
        </ul>
    </div>
    <div class="biaoqian">
        <h2>热门分类</h2>
    </div>
    <div class="content1">
        <ul>
        	<li>
        		<span class="left"><img src="img/bao1.png" /></span>
        		<span class="center">
        			<h2>博柏利&nbsp;&nbsp;包袋</h2>
        			<p>芬迪新品上线</p>
        		</span>
        		<span class="right">
        			<img src="img/youjian.png"  />
        		</span>
        	</li>
        	<li>
        		<span class="left"><img src="img/biao.png" /></span>
        		<span class="center">
        			<h2>博柏利&nbsp;&nbsp;腕表</h2>
        			<p>D2C新品上线</p>
        		</span>
        		<span class="right">
        			<img src="img/youjian.png"  />
        		</span>
        	</li>
        	<li>
        		<span class="left"><img src="img/yifu.png" /></span>
        		<span class="center">
        			<h2>芬迪&nbsp;Fendi男士羊毛衫</h2>
        			<p>博柏利新品上线</p>
        		</span>
        		<span class="right">
        			<img src="img/youjian.png"  />
        		</span>
        	</li>
        </ul>
    </div>
    <footer>
		<ul>
			<li class="shou">
				<img src="img/shou.png"  />
				<a href="#">首页</a>
			</li>
			<li class="ss">
        		<img src="img/sousou.png"  />
        		<a href="#">搜索</a>
        	</li>
        	<li class="xx">
        		<img src="img/xiuxiu.png"  />
        		<a href="#">我的秀</a>
        	</li>
        	<li class="gwc">
        		<img src="img/shop.png"  />
        		<a href="#">购物车</a>
        	</li>
        	<li class="more">
        		<img src="img/more.png"  />
        		<a href="#">更多</a>
        	</li>
		</ul>
	</footer>
	</body>
	<script src="swiper.min.js"></script>
	<script src="jquery-1.11.2.min.js"></script>
	<script>
		var swiper1 = new Swiper('.swiper-container', {
                autoplay: 1000,
                scrollbarHide: false,
                autoplayDisableOnInteraction : false,
                loop: true
            })
		$('footer ul li:nth-child(1)').click(function(){
			location.href="shouye.html"
		})
		$('footer ul li:nth-child(2)').click(function(){
			location.href="zouxiusousuo.html"
		})
		$('footer ul li:nth-child(3)').click(function(){
			location.href="more.html"
		})
		$('footer ul li:nth-child(4)').click(function(){
			location.href="login.html"
		})
		$('footer ul li:nth-child(5)').click(function(){
			location.href="more.html"
		})
		$(".content ul li .left").click(function(){
			location.href="moren.html"
		})
		$("button").click(function(){
			location.href="fenlei.html"
		})
	</script>
</body>
</html>